<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <title>SearchMyCampus</title>
  <%=stylesheet_link_tag "layout"-%>
  <%=javascript_include_tag :all-%>
  <%=stylesheet_link_tag "alert"-%>
  <%=stylesheet_link_tag "default"-%>
  <%=stylesheet_link_tag "alphacube"-%>
</head>
<body>
<div class="container">
    <div class="header">
           <div class="row-one">
                <div class="smclogo">
		           <a href=""><img alt="search my campus" src="images/logo.jpg" width="291" height="50" border="0px"/></a>
				</div>
	            <div class="first-header_tabs">
		            <ul>
                      <li class="selected"><a href="">Home</a></li>
                      <li><a href="">Sign in</a></li>
                      <li><a href="">My Account</a></li>
                      <li><a href="">My Campus</a></li>
                      <li><a href="">Post Free Ads</a></li>
                   </ul>
				</div>
           </div>

         <div class="row-two">
		      <div class="college_name">Your Campus</div>
			  <div class="classified">classified &amp; yellow pages</div>
         </div>
	</div>


        <div class="row-three">
			<div class="welcome">
				Welcome to Search my Campus IMT. Use this site to solve all your campus related needs.
            </div>
		    <div class="welcome-cross">
            	<a href=""><img alt="search my campus" src="images/welcome-cross.png" width="30" height="30" border="0px" align="left"/></a>
           	</div>
       </div>
		<div class="header_tabs">
        	<div class="header_upper">
        		<div class="I-am-tab">
	      	    	<img alt="search my campus" src="images/Classifieds-Page-1.jpg" width="95" height="29" border="0" align="left"/>
                </div>
                <div class="tab-menu">
                    <ul>
                        <li class="selected"><a href="" >College Student</a></li>
                        <li><a href="" >Employer</a></li>
                        <li><a href="" >Coaching Provider</a></li>
                        <li><a href="" >Housing provider</a></li>
                        <li><a href="" >Others</a></li>
                    </ul>
               </div>
           </div>
        </div>
        <div class="to-search">
	        <div class="studying">
	        	<div class="studying-at">
     	      		I am studying at
				</div>
	           	<div class="where">
            	   	<input type="text" value="University/College" size="40" name="college_search" id="college_search" class="input-box"  onclick="if(this.value=='University/College'){this.value='';}" maxlength="100"/>
                </div>
<script type="text/javascript">
var oTextbox = new AutoSuggestControl(document.getElementById("college_search"), new StateSuggestions(<%=$universities.inspect -%>));
</script>
			</div>
	        <div class="looking">
              
	        	<div class="looking-for">
                	I am Looking for
                </div>
	            <div class="what">
                	<input value="E.g. Jobs,PG,Books,CAT Coachings etc." size="85" id="keyword" name="keyword" maxlength="100" class="input-box" type="text" onclick="if(this.value=='E.g. Jobs,PG,Books,CAT Coachings etc.'){this.value=''};"/>
                </div>
				<div class="go_button">
                  <%=image_tag "search-button.jpg",:height=>"22",:onclick=>"openAjaxConfirmSearch(document.getElementById('keyword').value)" -%>
                	
               	</div>
		 	 
             </div>

      </div>





<div class="content">
   	 <div class="left-column" id="left-column">
       
	     <%= render :partial => "main/view_university" %>
	  	<div class="not-a-student">
			<div class="not-student-header">
            	Not A Student
            </div>
            <div class="not-student-inner">
                <div class="not-student-text">
                	If you are not a student select your specific option.
                </div>
                <div class="not-student-option">
                    <select name="user-type" class="drop-down">
                        <option value="student">Student</option>
                        <option value="employer">Employer</option>
                        <option value="coaching">Coaching Provider</option>
                        <option value="housing">Housing Provider</option>
                        <option value="other">Other</option>
                    </select>
                </div>
                <div class="not-student-button">
                	<img src="images/not-student-go.jpg" width="35" border="0" alt="Go"/>
                </div>
			</div>
        </div>
        <div class="user-speaks">
			<div class="user-speaks-header">
            	User Speak
            </div>
            <div class="user-speaks-inner">
                <div class="user-speaks-text">
                	&quot;I've found a job I love, in an industry that is totally related to what I did in college, all because of SearchMy Campus.&quot;
                	<div class="user-speaks-name">
                    	<br/>Aarti Sharma<br/>
                        Delhi University
                    </div>
                </div>
                <div class="user-speaks-image">
                	<img src="images/user-speaks.png" border="0" width="100"/>
                </div>
			</div>
        </div>
	    <div class="facebook">
	    	<div class="facebook-image">
	        	<img alt="search my campus" src="images/facebook_icon.png" width="80" border="0" align="left"/></a>
    		</div>
            <div class="facebook-text">
            	Get the latest SearchMyCampus facebook application
            </div>
        </div>
	    <div class="video-file">
	    	<img alt="search my campus" src="images/video-files.jpg" width="298" border="0px" /></a>
        </div>
	    <div class="things-to-do">
	    	<img alt="search my campus" src="images/thingsyoucando.jpg" width="298"/></a>
        </div>
	</div>
	<div class="right-column">
		<div class="right-column-one">
          <%= render :partial=>"category_sub_category_list" -%>
        </div>
        <div class="right-column-two">
          <%= render :partial=>"latest_advertisments_categorywise" -%>
		</div>
	</div>
</div>
</div>
</body>
</body>
</html>